<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	.edit {
		width: 500px;
		height: 300px;
		border: 1px solid red;
	}
	</style>
</head>
<body>

	<input type="text" placeholder="请输入用户名">
	<input type="text" autofocus>

	<hr>

	<div class="edit" contenteditable="true">abc</div>
	
</body>
</html>